iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0
佛心分享-SideProject30

網頁遊戲_名字對決系列 第 2

Day2 - 部屬環境 part1 前端

  • 分享至 

  • xImage
  •  

最初學習寫網頁時,是在W3Schools學的,用原始的html/js語法刻出一個個按鈕,直到後來發現有個東西叫bootstrap,可以一下子就變出漂亮的按鈕,瞬間提高了不少效率。

之後又偶然發現到vue,才發現原來不需要在每一個.html檔案中都複製貼上一遍程式碼,只需要寫一次後引用就行了,感覺世界又變得更開闊了,好的框架原來這麼有用!

最近又發現有人用Quasar寫前端,看起來很好用的樣子,於是這一次想來學習使用Quasar,順便練習使用TypeScript。

關於Quasar和TypeScript的簡易介紹:
https://chatgpt.com/share/66e6fc73-e388-8001-8a58-0f37bd17773a

接下來開始安裝Quasar,我一開始是先裝git,但發現安裝Quasar時會把資料夾清空,所以先裝Quasar再裝git會比較順。
https://quasar.dev/start/quick-start
照著官網的教學走,過程中會問你添加什麼功能,但我都不是很了解,於是查了一下後選了幾個可能會用到的功能加進去。
安裝完後,執行

npm run dev

正常來說應該能順利執行,但我不知道為什麼遇到了錯誤,查了一整個上午也沒找到原因or解決的方法。
最後重新安裝時選擇了Webpack(stable | v3)這個版本就可以執行了,不知道是不是Vita在我的電腦中水土不服/images/emoticon/emoticon06.gif

選預設的Vita會報錯,不知道是不是只有我這樣?
https://ithelp.ithome.com.tw/upload/images/20240915/20138459gN1T2tlOtb.png

成功打開預設的初始網頁:
https://ithelp.ithome.com.tw/upload/images/20240915/20138459Lxo68DEFki.png

沒想到環境設定花了這麼久/images/emoticon/emoticon17.gif
還只成功安裝了前端和github而已,安裝Quasar時花了超出預期的時間。

明天再接再厲!


上一篇
Day1 - 來做個網頁遊戲吧
下一篇
Day3 - 網頁畫面設計
系列文
網頁遊戲_名字對決30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言